.navbar-box {
	position: fixed;
	left: 0;
	width: 100%;
	background-color: #d33123;
	display: flex;
	align-items: center;
	justify-content: space-between;

	.item {
		position: relative;
		width: 33.33%;
		font-size: 32rpx;
		padding: 20rpx 0;
		text-align: center;
		color: #fff;
	}

	.on {
		color: #292b2e;
	}

	.bg {
		display: block;
		position: absolute;
		bottom: 0;
		width: 33%;
		height: 100%;
		transition: left 0.3s;
	}
}

.goods-box {
	.card-box {
		margin-bottom: 35rpx;
		margin: 25rpx;
		padding: 20rpx;
		background-color: #fff;
		border-radius: 15rpx;

		.time {
			display: flex;
			align-items: center;
			font-size: 28rpx;
			margin-bottom: 10rpx;
			color: #d33123;
		}

		.tag-btn {
			margin-top: 20rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			.tag-box {
				display: flex;
				align-items: center;

				.tag {
					margin-right: 10rpx;
					line-height: 1;
					font-size: 22rpx;
					padding: 10rpx 20rpx;
					border-radius: 10rpx;
					color: #fff;
				}

				.red {
					background-color: #d33123;
				}

				.yellow {
					background-color: #ff912b;
				}
				.gray {
					background-color: #8298ba;
				}
			}

			.btn {
				width: 150rpx;
				border-radius: 50px;
				font-size: 24rpx;
				color: #fff;
				padding: 10rpx 0;
				text-align: center;
			}

			.btn-buy {
				background: linear-gradient(270deg, #d33123 -5.82%, #f27063 100%);
			}

			.btn-start {
				background-color: #f1a532;
			}

			.btn-end {
				background-color: #c4c6c9;
			}
		}
	}
}

.price-msg {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;

	.price-box {
		display: flex;
		flex-direction: row;
		align-items: flex-end;

		.price {
			display: flex;
			flex-direction: row;
			align-items: flex-end;
			margin-right: 10rpx;

			.symbol {
				font-size: 22rpx;
				color: #d33123;
				margin-bottom: 0rpx;
				line-height: 1;
			}

			.num {
				font-size: 40rpx;
				font-weight: bold;
				color: #d33123;
				line-height: 1;
				margin-bottom: -3rpx;
			}
		}

		.underlin-price {
			font-size: 24rpx;
			line-height: 1;
			text-decoration: line-through;
			color: #6e737d;
		}
	}
}
